<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 10 5       2个数    几趟比完   1

    // 1 3 2      3个数    几趟比完   2

    // 4 1 2 3    4 个数             3
    // 数 - 1就是 我需要比较的趟数  ?

    // 6, 2, 1, 3, 4, 5
    // 2, 6, 1, 3, 4, 5

    // 第一趟搞完，需要 把 最大值 放到最后, 
    // 我们是两两比较，并且交换

    // 第一趟已经把 最大值，放到最后一个了
    //  2,1, 3,  4, 5,                    6

    // 第二趟 就没有必要再让 我们的数 跟最后一个去比了
    // 1， 2， 3， 4，              5，           6

    var arr = [6, 2, 7, 3, 4, 5]

    // 把 真正的刚才的 思路的 比较的趟数 写出来了
    for(var i = 0; i < arr.length - 1; i++) {  // 是 我们的数组 比较几趟 
      // 第一趟 i=0
      
      // 第一趟的 第一次比较 j = 0  [2, 6, 1, 3, 4, 5]  
      // 第一趟的 第二次比较 j = 1  [2, 1, 6, 3, 4, 5]  
      // 第一趟的 第三次比较 j = 2  [2, 1, 3, 6, 4, 5]  
      // 第一趟的 第四次比较 j = 2  [2, 1, 3, 4, 6, 5]  
      // 第一趟的 第五次比较 j = 2  [2, 1, 3, 4, 5,              6]  

      // 第二趟 i=1
      // 第一趟的 第一次比较 j = 0  [2, 6, 1, 3, 4, 5]  
      // 第一趟的 第二次比较 j = 1  [2, 1, 6, 3, 4, 5]  
      // 第一趟的 第三次比较 j = 2  [2, 1, 3, 6, 4, 5]  
      // 第一趟的 第四次比较 j = 2  [2, 1, 3, 4,          5, 6]  

      // 第二趟 i=2
      // 第一趟的 第一次比较 j = 0  [2, 6, 1, 3, 4, 5]  
      // 第一趟的 第二次比较 j = 1  [2, 1, 6, 3, 4, 5]  
      // 第一趟的 第三次比较 j = 2  [2, 1, 3, 6, 4, 5]  
      // 第一趟的 第四次比较 j = 2  [2, 1, 3,               4,          5, 6]  

      for(var j = 0; j < arr.length - 1 - i; j++ ) {  // 每一趟 比较的次数
        // 如果 前一个数 比后一个数大， 则交换位置
        if(arr[j] > arr[j + 1]) {  // arr[2] > arr[3]
          var temp = arr[j + 1]
          arr[j + 1 ]= arr[j]  // 
          arr[j] = temp
        }
      }      
    }


    console.log(arr)

  </script>
</body>
</html>